<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>信息反馈平台</title>
    <script type="text/javascript" src="/js/jquery.2.1.4.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <script src="/layui/layui.all.js" charset="utf-8"></script>
    <script>
        $(function () {
            $("#home").trigger("click");
            $("button").next().hide();
            $("button").click(function () {
                $(this).next().slideToggle("fast");
            });
            $("#slide").hide();
            $("#slider").click(function () {
                $("#slide").slideToggle("normal");
            });
            $("#e").click(function () {
                window.location.href = "/user/exit";
            });
            $("#m").click(function () {
                layer.open({
                    title:'修改密码',
                    type: 2,
                    area: ['30%', '40%'],
                    content: '/page/altPass.jsp'
                });
            });
            $("#slider").mouseleave(function () {
                $("#slide").slideUp("normal");
            });
        });
    </script>
    <style>
        #slider:hover {
            background-color: #3c749b
        }

        #m:hover {
            background-color: #3c749b
        }

        #e:hover {
            background-color: #3c749b
        }

        ul {
            list-style: none;
            margin: 0px;
            padding: 0px;
            background-color: white;
        }

        li {
            color: #393939;
            font: 14px Arial, Helvetica, sans-serif, "新宋体";
        }

        button {
            border: none;
            border-bottom: 1px dashed;
            border-color: #cecece;
            display: block;
            width: 100%;
            height: 35px;
            background-color: #F2F2F2;
            color: #393939;
            text-align: left;
            white-space: nowrap;
            /*font-size: 15px;*/
            font: 14px Arial, Helvetica, sans-serif, "新宋体";
        }

        a {
            text-decoration: none;
        }

        body, div {
            margin: 0px;
            padding: 0px;
            border: none;
        }

        .lc {
            margin-left: 20px;
        }

        .lf {
            /*margin-left: 20px;*/
        }

        .lh {
            padding-bottom: 7px;
            padding-top: 7px;
            border: none;
            border-bottom: 1px dashed;
            border-color: #cecece;
        }

        .lh:hover {
            background-color: #f9f9f9;
        }

        img {
            height: 12px;
            width: 12px;
            vertical-align: middle;
            margin-right: 5px;
            margin-left: 10px
        }
    </style>
</head>
<body>
<div id="slider" style="z-index:100;position:absolute;margin-left:91%;margin-top:0px;width:120px;height:7%;background-color: #47a5d1;cursor:pointer">
    <div style="height: 7px"></div>
    <div style="width: 100%">
        <div style="font-size: 13px;color: white;margin-left: 10px;width: 70px;margin-top: 3px">
            welcome<br>${user.role}</div>
        <img style="height: 8px;width: 13px;float: right;margin-top: -17px;margin-right: 17px"
             src="/icon/three.png"/>
    </div>
    <div id="slide" style="width:100%;background-color: #47a5d1;text-align: center">
        <div style="height: 12px;width:70%;margin:0px 20px 0px 17px;border-bottom: 1px solid;border-color: white"></div>
        <div id="m" style="color: white;cursor:pointer;font-size: 14px;padding: 6px">修改密码</div>
        <div id="e" style="color: white;cursor:pointer;font-size: 14px;padding: 6px">退出登录</div>
        <div style="height: 15px"></div>
    </div>
</div>
<div style="height: 100%;width: 100%;">
    <div id="top" style="height:7%;width: 100%;border:none;margin: 0px;padding: 0px;background-color: #448DB8">
        <div style="height: 6px"></div>
        <img style="height: 25px;width: auto;margin: 8px 0px 0px 15px" src="/icon/logow.png">
        <img style="height: 25px;width: auto;margin-top: 8px;margin-left: 0px" src="/icon/titlew.png">
    </div>
    <div style="float:left;height: 93%;width: 14%;text-align:left;background-color:#F2F2F2;border-right: 1px solid;border-color: #cecece">
        <ul>
            <li>
                <a target="content" href="/user/index/home">
                    <button id="home"><img src="../icons/laptop.png">主页</button>
                </a>
            </li>
            <li>
                <button><img src="../icons/laptop.png">系统管理<span style="float: right;margin-right: 5px">∨</span>
                </button>
                <ul class="lf">
                    <a target="content" href="/user/list">
                        <li class="lh"><span class="lc"><img src="../icons/user.png">用户管理</span></li>
                    </a>
                    <a target="content" href="/res/list/1/1">
                        <li class="lh"><span class="lc"><img src="../icons/agenda.png">资源管理</span></li>
                    </a>
                    <a target="content" href="/role/list">
                        <li class="lh"><span class="lc"><img src="../icons/clipboard.png">角色管理</span></li>
                    </a>
                    <a target="content" href="/role/totimes">
                        <li class="lh"><span class="lc"><img src="../icons/clipboard.png">系统设置</span></li>
                    </a>
                </ul>
            </li>

            <li>
                <button><img src="../icons/envelope.png">信息管理<span style="float: right;margin-right: 5px">∨</span>
                </button>
                <ul class="lf">
                    <a target="content" href="/prob/list">
                        <li class="lh"><span class="lc"><img src="../icons/user.png">问题管理</span></li>
                    </a>
                    <a target="content" href="/prob/check">
                        <li class="lh"><span class="lc"><img src="../icons/agenda.png">问题审核</span></li>
                    </a>
                    <a target="content" href="/prob/answer">
                        <li class="lh"><span class="lc"><img src="../icons/clipboard.png">回复管理</span></li>
                    </a>
                    <a target="content" href="/prob/over">
                        <li class="lh"><span class="lc"><img src="../icons/clipboard.png">逾期审核</span></li>
                    </a>
                    <a target="content" href="/res/column">
                        <li class="lh"><span class="lc"><img src="../icons/clipboard.png">栏目设置</span></li>
                    </a>
                </ul>
            </li>

            <li>
                <button><img src="../icons/tools.png">数据统计<span style="float: right;margin-right: 5px">∨</span></button>
                <ul class="lf">
                    <a target="content" href="/prob/report">
                        <li class="lh"><span class="lc"><img src="../icons/clipboard.png">数据报表</span></li>
                    </a>
                    <a target="content" href="/prob/chart">
                        <li class="lh"><span class="lc"><img src="../icons/clipboard.png">数据统计</span></li>
                    </a>
                </ul>
            </li>
        </ul>
    </div>
    <div style="height:93%;width:85%;float:left">
        <iframe name="content" style="height: 100%;width: 100%;border: none"></iframe>
    </div>
</div>

</body>
</html>
